<template>
  <CustomPageLayout>
    <template #top>
      <BreadcrumbCollect :path-config="pathConfig" />
    </template>

    <template #center>
      <LandDetailBaseInfo :data-obj="dataObj" />
    </template>

    <template #bottomLeft>
      <LandDetailBottomLeft :data-obj="dataObj" />
    </template>

    <template #bottomRight>
      <ParkDetailBottomRight :data-obj="dataObj" />
    </template>
  </CustomPageLayout>
</template>

<script lang="ts">
import Vue from 'vue'
import CustomPageLayout from '@/components/portal/CustomPageLayout.vue'
import BreadcrumbCollect from '@/components/portal/BreadcrumbCollect.vue'
import LandDetailBaseInfo from '@/components/portal/resource/LandDetailBaseInfo.vue'
import LandDetailBottomLeft from '@/components/portal/resource/LandDetailBottomLeft.vue'
import ParkDetailBottomRight from '@/components/portal/park/ParkDetailBottomRight.vue'
import { getLandDetail } from '@/api/resource'
export default Vue.extend({
  components: {
    CustomPageLayout,
    BreadcrumbCollect,
    LandDetailBaseInfo,
    LandDetailBottomLeft,
    ParkDetailBottomRight,
  },
  async asyncData({ params: { id } }) {
    const result = await getLandDetail(id)
    return {
      dataObj: result.data,
    }
  },
  data() {
    return {
      pathConfig: [
        {
          label: '查资源',
          path: '/resource',
        },
        {
          label: '资源详情',
          path: '#',
        },
      ],
      dataObj: {},
    }
  },
  head: {
    title: '土地详情',
  },
  mounted() {},
})
</script>
<style lang="scss" scoped></style>
